<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>

    let username = 'andy';
    let age = 12;
    function say() {
        console.log(`${this.username} is ${this.age} years old`);
    }

    const obj = {
        /* 传统的操作我们把一个变量作为对象属性的属性值使用 */
        /* 1. 在es6里面，如果对象的属性和变量的名称一致，则我们可以直接写变量名即可 */
        username,
        age,

        // 2. 函数作为对象的方法。由于函数的 名称和方法的名称一致，则我们可以直接写函数的名称即可
        say
    };
    console.log(obj);

    console.log(obj.username);
    console.log(obj.age);
    obj.say();



</script>

</html>